<!DOCTYPE html>
<html>
	<head>
		<meta content="IE=edge" http-equiv="X-UA-Compatible">
		<@mup.header/>
		<@mup.link href="/css/ui.jqgrid.css?v=2023-04-24T10:54:57Z" model="all"/> 
		<@mup.link href="/css/leaflet/leaflet.css?v=2023-04-24T10:54:57Z" model="all" browser="gte IE 9"/> 
		<@mup.link href="/css/plugin/desktop.yui.css?v=2023-04-24T10:54:57Z"/> 
		<@mup.link href="/css/plugin/desktop.yui.min.css?v=2023-04-24T10:54:57Z" model="product"/> 
		<@mup.link href="/css/popover/jquery.webui-popover.min.css?v=2023-04-24T10:54:57Z" model="all" browser="gte IE 9"/>
		<@mup.link href="/filter/css/chart.filter.yui.css?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/filter/css/chart.filter.yui.min.css?v=2023-04-24T10:54:57Z" model="product"/>
		<@mup.link href="/param/css/chart.param.yui.css?v=2023-04-24T10:54:57Z"/>  
		<@mup.link href="/param/css/chart.param.yui.min.css?v=2023-04-24T10:54:57Z" model="product"/>
		<@mup.link href="/bicommon/preview/css/preview.css?v=2023-04-24T10:54:57Z" model="all"/> 
		<@mup.link href="/bicommon/scene/css/charttoolbar/charttoolbar.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/css/timepicker/jquery-ui-timepicker-addon.min.css?v=2023-04-24T10:54:57Z" model="all"/> 
		<@mup.link href="/bi_design/design/resource/css/preview.css?v=2023-04-24T10:54:57Z" model="all"/>
		  <@mup.link  href="/support/lib/videojs/video-js.css?v=2023-04-24T10:54:57Z" model="all"/>   
		<@mup.script src="/identification/getSessionParam" model="all"/>
		<@mup.script src="/js/JsBarcode.all.min.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/jquery.qrcode.min.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/dom-to-image.yui.min.js?v=2023-04-24T10:54:57Z" model="all" browser="gte IE 9"/> 
		<@mup.script src="/js/echarts.min-3.8.js?v=2023-04-24T10:54:57Z" model="all" browser="lte IE 8" />
		<@mup.script src="/js/echarts-4.5.min.js?v=2023-04-24T10:54:57Z" model="all"  browser="gte IE 9"/>
		<@mup.script src="/js/echarts-tempo-plugin.min.js?v=2023-04-24T10:54:57Z" model="all"/> 
		<@mup.script src="/js/md5.min.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/plugin/i18n/tempo-plugin-[locale].js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/leaflet/leaflet.yui.min.js?v=2023-04-24T10:54:57Z" model="all" browser="gte IE 9"/>
		<@mup.script src="/js/countup/countUp.min.js?v=2023-04-24T10:54:57Z" model="all"/> 
		<@mup.script src="/js/timepicker/jquery-ui-timepicker-addon.min.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/timepicker/i18n/jquery-ui-timepicker-[locale].js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/echarts-plugin/echarts-wordcloud.min.js?v=2023-04-24T10:54:57Z" model="all" browser="gte IE 9"/>
	    <@mup.script src="/support/lib/videojs/video.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/d3.v3.min.js?v=2023-04-24T10:54:57Z" model="all" browser="gte IE 9"/>
		<@mup.script src="/js/raphaeljs/raphael.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/liquidFillGauge.js?v=2023-04-24T10:54:57Z" model="all" browser="gte IE 9"/>  
		<@mup.script src="/js/jquery.layout.yui.min.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/popover/jquery.webui-popover.min.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/jqgrid/i18n/grid.locale-[locale].js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/jquery.jqGrid.min.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/d3charts/d3-base.yui.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/d3charts/d3-base.yui.min.js?v=2023-04-24T10:54:57Z" model="product"/>
		<@mup.script src="/js/d3charts/d3chart.js?v=2023-04-24T10:54:57Z" model="all"/>

		<@mup.script src="/js/d3charts/d3charts.yui.min.js?v=2023-04-24T10:54:57Z" model="product"/>
		<@mup.script src="/js/d3charts/d3charts.yui.js?v=2023-04-24T10:54:57Z" />
		<@mup.script src="/js/plugin/desktop.yui.js?v=2023-04-24T10:54:57Z"/> 
		<@mup.script src="/js/plugin/desktop.yui.min.js?v=2023-04-24T10:54:57Z" model="product"/>
		<@mup.script src="/js/tempo-compare-utils.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/datepicker/i18n/datepicker-[locale].js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/tempo-constant.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/spin.js?v=2023-04-24T10:54:57Z" model="all"/> 
		<@mup.script src="/i18nManager/listI18n?type=bi-chart-runtime&locale=[locale]" model="all"/>
		<@mup.script src="/plugin/listVisualPlugins/[locale]" model="all"/>
		<@mup.script src="/bicommon/scene/js/charttoolbar/bicommon.toolbar.yui.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/bicommon/scene/js/charttoolbar/bicommon.toolbar.yui.min.js?v=2023-04-24T10:54:57Z" model="product"/>
		<@mup.script src="/js/template.js?v=2023-04-24T10:54:57Z"  model="all" browser="gte IE 9" />
		<@mup.script src="/theme/tempothemes" model="all"/> 
		<@mup.script src="/bicommon/scene/js/echartModel.js?v=2023-04-24T10:54:57Z" model="all"/>
		
		<@mup.script src="/bi_design/design/resource/js/storyPager.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/bi_design/design/resource/js/preview.js?v=2023-04-24T10:54:57Z" model="all"/>
		<script>
			(function(){
				var i18ns = ${i18ndict!'{}'};  
				for ( var i in i18ns) { 
					TempoUtils.locale(i, i18ns[i]); 
				}; 
			})();
			var tempo_platform_prop = {};
			window[constant.STORY_ID] = '${subjectId}';
			var __waterMarkText = '${waterMarkText}';
			$(function(){
				new previewController();
			});
		</script>
		<script>
			$(function(){
				// 浏览器后退禁止
				if (window.history && window.history.pushState) {
					$(window).on("popstate", function(){
					console.log(1);
						window.history.pushState('forward', null , document.URL);
						window.history.forward(1);
					});
					// ie中需要有
					window.history.pushState('forward', null , document.URL);
					window.history.forward(1);
				}
			});
		</script>
	</head>
	<body>
		<div class="main-container">
			<div class="ui-layout-center" id="tempo-scene-boardcontainer">
			</div>
			<div class="ui-layout-south">
				<div class="tempo-story-tabs">
				    <div class="tempo-story-cont">
				    	<div class="tempo-story-btn-tab">
				          <i class="tempo-story-cont-btn tempo-story-cont-leftbtn"></i>
				          <i class="tempo-story-cont-btn tempo-story-cont-rightbtn"></i>
				        </div>
				        <div class="tempo-story-tab">
				            <div class="tempo-story-tab-cont">
				        	</div>
				        </div>
				    </div>
				    <#if __showBtn != "0">
				    	<div class="tempo-story-expandBtn"> 
						   	<i id="tempo-story-device-desktop" class="ui-icon tempo-icon-computer tempo-scene-toolbar-device-select" data-type="desktop" title='<@spring.message "bi.scene_pc"/>'></i>
							<i id="tempo-story-device-mobile" class="ui-icon tempo-icon-mobile" data-type="mobile" title='<@spring.message "bi.scene_chartboard_mobile"/>'></i> 
					   	</div>
				    </#if>
				</div>
			</div>
		</div>
	</body>
</html>